import styled from 'styled-components';
import { NavLink, Outlet } from 'umi';

let StyleUserBox = styled.div`
  display: flex;
  .menu {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    margin-top: 20px;

    a {
      color: #000;

      &.active {
        color: blue;
      }
    }
  }
`;

export default function UserPage() {
  return (
    <StyleUserBox>
      <div className="menu">
        <NavLink to="/user/order">订单管理</NavLink>
        <NavLink to="/user/profile">个人信息</NavLink>
      </div>
      <div className="content">
        <Outlet />
      </div>
    </StyleUserBox>
  );
}
